<template>
	<div class="m-empower">
		<div class="m-empower__bd">
			<!--<div class="box">
				<div class="logos">
					<div class="item logo"><img src="@/images/icon_wechat.png" /></div>
					<div class="item"><img src="@/images/icon_transfer.png" /></div>
					<div class="item logo"><img src="@/images/logo_vertical_black.png" /></div>
				</div>
				<div class="content">我们将跳转到微信官方，需要您使用微信公众号管理员扫码授权权限给到小折！</div>
				<Button style="width: 135px; color: #000;">确认并跳转</Button>
			</div>-->
			<!--<div class="box">
				<div class="logos">
					<div class="item logo"><img src="@/images/icon_wechat.png" /></div>
					<div class="item"><img src="@/images/icon_wechat_empower_success.png" /></div>
					<div class="item logo"><img src="@/images/logo_vertical_black.png" /></div>
				</div>
				<div class="content">授权成功</div>
				<Button style="width: 135px; color: #000;" @click="handleBack">返回商城后台</Button>
			</div>-->
			<div class="box">
				<div class="logos">
					<div class="item logo"><img src="@/images/icon_wechat.png" /></div>
					<div class="item"><img src="@/images/icon_wechat_empower_error.png" /></div>
					<div class="item logo"><img src="@/images/logo_vertical_black.png" /></div>
				</div>
				<div class="content">授权失败</div>
				<Button style="width: 135px; color: #000;" @click="handleBack">返回商城后台</Button>
			</div>
		</div>
		<div class="m-empower__ft">
			<img src="@/images/logo_vertical_white.png" />
		</div>
	</div>
</template>

<script>
export default {
	name: '',
	data() {
		return {
			
		}
	},
	mounted() {
		
	},
	methods: {
		handleBack() {
			this.$router.back();
		}
	}
}
</script>

<style lang="less">
.m-empower {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	text-align: center;
	background: #1b74da url(../../../../images/empower_bg.png) no-repeat center;
	overflow: hidden;
	&__bd {
		flex: 1;
		position: relative;
		.box {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -300px;
			margin-top: -132px;
			width: 600px;
		}
		.logos {
			margin: 0 auto;
			width: 360px;
			height: 100px;
			font-size: 0;
			.item {
				display: inline-block;
				margin: 0 30px;
				width: 100px;
				height: 100px;
				line-height: 100px;
				text-align: center;
				img {
					display: inline-block;
					max-width: 100%;
					max-height: 100%;
					vertical-align: middle;
				}
			}
			.logo {
				margin: 0;
				border-radius: 3px;
				background-color: #f3f3f3;
			}
		}
		.content {
			margin: 50px 0 70px;
			color: #fff;
			font-size: 14px;
		}
	}
	&__ft {
		padding: 20px 0 90px;
	}
}
</style>